When running on OS X 10.10 (Yosemite), ScreenFlow can capture directly from the screen of an iOS device over a USB connection. This opens up new workflow opportunities for ScreenFlow. Unfortunately there is no way to automatically receive
touch events from the iOS device, so the application cannot know where the user touched on the iOS device. The solution is to allow the user to manually specify touch overlays. These are
Touch Callouts, and they are added through the Actions menu.
Touch callouts work in a similar fashion to freehand callouts. When the action is selected in the timeline, the video view enters a modal editing state, which is represented by the timeline. Only the currently selected clip and some editing controls in the top right corner of the video view are highlighted. This modal editing state can be exited by clicking away from the touch callout, or by clicking the close button on the editing tools.
When in editing mode, you can click the touch callout and it them around the screen as needed. You can increase the number of callouts (representing finger presses). You can also specify a fill or outline on the callout independently.
By default, the touch callout only has a start state. If you wish to have a movable callout, click the ‘Callout has end state’ checkbox. This will display the end state callout. As you move the timeline over the action, you will see the
touch callout move from the starting to the ending point.
If you have specified an end state, you can also tell the touch callout to wait for a number of seconds before starting the movement / animation to the end state. This is enabled using the
Wait - seconds before starting option. The timing curve can be specified for the interpolation to the end state. These are the same options as the
Video action - Linear, Ease In, Ease Out, and
Ease In & Out.
If you want the callout to animate its size, spacing, opacity, or rotation parameters, you can select the
Animates values to end state checkbox. The first time this is checked, it fills the end state values from the current starting state values.
When you are editing the touch callouts in the main canvas, the start state touch callout has a crosshair in the middle, and the end state has a little circle. This helpsyou to determine which state you are in.
